<!doctype html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
	<meta charset="UTF-8">
	<title>讨论区</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="/css/phone/mui.min.css" rel="stylesheet" />
</head>

<body>
<script src="/js/phone/mui.min.js"></script>
<script type="text/javascript">
    mui.init()
</script>

<header class="mui-bar mui-bar-nav">
	<a href="javascript:" onclick="history.go(-1);" class=" mui-icon  mui-pull-left"><span style="font-size: 15px">返回</span></a>
	<h1 class="mui-title">讨论区</h1>
</header>

<div class="mui-content">
	<div  style="margin: 1px" class="mui-card">
		<!--页眉，放置标题-->
		<!--<div class="mui-card-header mui-card-media" >-->
			<!--<img  th:src="${books.bookImg}">-->
		<!--</div>-->

		<!--内容区-->
		<div class="mui-card-content">
			<ul class="mui-table-view">
			    <li><img  style="width:100%;height: 200px" th:src="${books.bookImg}"></li>
				<li class="mui-table-view-cell mui-collapse mui-active">
					<a class="mui-navigate-right" href="#">图书介绍</a>
					<div class="mui-collapse-content">
						<p th:text="${books.bookName}">
							000《红楼梦》，中国古典四大名著之首，清代作家曹雪芹创作的章回体长篇小说[1] ，又名《石头记》《金玉缘》。此书分为120回“程本”和80回“脂本”两种版本系统。
						</p>

						<p th:text="${books.redundance3}">
							000《红楼梦》，中国古典四大名著之首，清代作家曹雪芹创作的章回体长篇小说[1] ，又名《石头记》《金玉缘》。此书分为120回“程本”和80回“脂本”两种版本系统。
						</p>
						<p th:text="${books.redundance3}+${books.redundance3}+${books.bookName}+${books.id}+${books.author}">
							000《红楼梦》，中国古典四大名著之首，清代作家曹雪芹创作的章回体长篇小说[1] ，又名《石头记》《金玉缘》。此书分为120回“程本”和80回“脂本”两种版本系统。
						</p>
					</div>
				</li>
			</ul>
		</div>
		<!--页脚，放置补充信息或支持的操作-->
		<div class="mui-card-footer">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media" th:each="pinglun:${bookCommunicate}">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="/img/about-slider-01.jpg" style="border-radius: 50%;">
						<div class="mui-media-body">
							<span style="color: #333333;">木屋 </span><p style="float: right; margin-right: 20px;">评论时间</p>
							<p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media" th:attr="hidden=${bookCommunicate==null}">
					<div class="mui-media-body">
						<p class="mui-ellipsis">暂时没有还没有讨论记录</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>
</body>

</html>